@charset "utf-8";
/* CSS Document */

/*============================================
senser
============================================*/
#sensor{
	position:relative;
	top:50px;
	width:408px;
	height:auto;
	float:left;
	background:rgb(250,250,250);
	background:rgba(255,255,255,0.85);
	padding:10px;
	text-align:left;
}
sensorid {
	color:#808080;
	font-size:12px;
	float:right;
	font-family:Verdana, Geneva, sans-serif !important;	
}
h1 {
	color:rgb(255,255,255);
	background-color:rgb(42,159,170);
	font-size:40px;
	text-align:right;
	line-height:0.8;
	text-shadow:0px 0px 5px rgb(30,30,30);
	padding-top: 10px;
	margin-top:20px;
}
h1_ {
	color:rgb(255,255,255);
	font-size:16px;
	text-shadow:0px 0px 5px rgb(30,30,30);
	font-family:Verdana, Geneva, sans-serif !important;
	padding-bottom:15px;
}
ul {
	color:rgb(17,215,62);
	font-size:25px;
	text-shadow:-1px 1px 2px rgb(150,150,150);
	padding: 10px 25px;
}
data {
	color:rgb(16,215,250);
	font-size:35px;
	font-weight:600;
	text-shadow:-1px 1px 2px rgb(150,150,150);
	font-family:Verdana, Geneva, sans-serif !important;
}
#keyword {
	display:none;
}
/*============================================
clock
============================================*/
#clock{
	width:306px;
	height:93px;
	float:right;
}
#clock_date {
	left:131px;
	position:relative;
	background:rgb(220,220,220);
	background:rgba(255,255,255,0.5);
	width:185px;
    font-weight: bold;
    font-size: 20px;
    color: white;
	text-shadow: -1px 1px 1px rgb(150,150,150);
	text-shadow: -1px 1px 1px rgba(92,92,92,0.3);
}
#clock_time {
	top:7px;
	left:10px;
	width:286px;
	height:63px;
	padding:0px 20px 0px 0px;
	position:relative;
	background:rgb(230,230,230);
	background:rgba(255,255,255,0.5);
	text-align:center;
    font-weight: 600;
    font-size: 50px;
    color: rgb(30,30,30);
    color: rgba(0,0,0,0.7);
	text-shadow: -1px 1px 1px rgba(92,92,92,0.3);
	font-family: Verdana, Geneva, sans-serif !important;
}
#year {
}
#month {
}
#date {
}
#day {
}
#hours {
	float:right;
}
#minutes {
	float:right;
}
#seconds {
	position:relative;
	float:right;
	top:25px;
	left:5px;
    font-weight: 300;
	font-size:22px;
}
#am_pm {
	position:relative;
	float:right;
	top:8px;
	left:2px;
    font-weight: 600;
	font-size:29px;
	padding-left:5px;
}
#colon {
	position:relative;
	top:-3.8px;
	float:right;
	-webkit-animation-name:'clock_colon';
	-webkit-animation-delay:0.5s;
	-webkit-animation-duration:1s;
	-webkit-animation-fill-mode:both;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes 'clock_colon' {
	0% {
		opacity:1;
	}
	50% {
		opacity:1;
	}
	51% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

/*============================================
twitter
============================================*/
#twitter {
	display:none;
	position:relative;
	top:10px;
	width:276px;
	height:550px;
	float:right;
	background:rgb(250,250,250);
	background:rgba(255,255,255,0.85);
	color:rgb(50,50,50);
	color:rgba(0,0,0,0.1);
	font-size:65px;
	font-weight:900;
	font-family:Verdana, Geneva, sans-serif !important;
}

/*============================================
original
============================================*/
#original {
	display:block;
	position:relative;
	top:10px;
	right:15px;
	width:276px;
	height:550px;
	float:right;
	color:rgb(220,220,220);
	color:rgba(255,255,255,0.8);
	font-family:Verdana, Geneva, sans-serif !important;
}

/*============================================
buttons
============================================*/
#buttons {
	position: absolute;
	top:20px;
	width:408px;
	height:auto;
	float:left;
	padding:0px 10px;
	text-align:left;
}

#sensor_change {
	position: fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgb(150,150,150);
	background-color:rgba(0,0,0,0.8);
	z-index:999999;
}

#sensor_button_ {
	position: fixed;
	top:15%;
	left:25%;
	width:50%;
	height:70%;
	background-color:rgb(200,200,200);
	background-color:rgba(155,155,155,0.9);
	overflow: auto;
}